<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>空间主页</title>
<link rel="stylesheet" href="css/spaces-main.css">
<script type="text/javascript" src="js/space-left.js"></script>
</head>

<body>
	<!--**************顶部导航****************-->
	<div class="nav">
	<div class="nav-left">
    	<img src="images/2.png" />
        <ul>
        	<li class="margin"><a href="#">社区</a></li>
            <li><a href="#">学习空间</a></li>
            <li class="margin"><a href="#">我的群组</a></li>
        </ul>
        <div class="nav-left-button">
        	<form action="">
            	<input type="submit" id="button1" value="搜索" />
                <input type="text" placeholder="搜索资源或话题" />
            </form>
        </div>
    </div>
    <div class="nav-right">
    	<button id="button2">意见反馈</button>
        <!--头像-->
        <div  class="nav-right-logo">
        	<div id="menu_title1" class="menu_title" onclick="openMenu(this)">
				<img src="images/4.jpg" />
				<div class="indicator" id="indicator1">
					<
				</div>
			</div>
			<div class="menu" id="menu1">
            	<div class="item">
					<a href="#" target="">昵称</a>
				</div>
				<div class="item">
					<a href="" target="">我的动态</a>
				</div>
				<li class="item_divider"></li>
				<div class="item">
					<a href="" target="">个人中心</a>
				</div>
                <div class="item">
					<a href="" target="">退出系统</a>
				</div>
			</div>
        </div>
        <!--消息提示-->
        <div class="nav-right-img">
        <ul>
        	<li>
            	<a href="#"><img src="images/3.png" /></a>
            	<ul>
                	<li><a>回复我的</a></li>
                    <li><a>收到的赞</a></li>
                    <li><a>系统通知</a></li>
                </ul>
            </li>
        </ul>
        </div>
    </div>
	</div>
     <!--**************左侧导航****************-->
	<div class="sidebar-scroll">
      <nav>
        <ul>
          <div class="iframe_link"><a href="#" target="_blank">
          	<img src="images/spacelogo.png" /><div class="title">开发小组1111111111111222222222</div></a>
          </div>
          <li><a href="#" target="_blank" id="lname-focus1" onfocus="setStyle(this.id)" onblur="loss(this.id)">主页<span>4</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus2" onfocus="setStyle(this.id)" onblur="loss(this.id)">资源区<span>3</span></a></li>
     	  <li><a href="#" target="_blank" id="lname-focus3" onfocus="setStyle(this.id)" onblur="loss(this.id)">讨论区<span>2</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus4" onfocus="setStyle(this.id)" onblur="loss(this.id)">贡献区<span>1</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus5" onfocus="setStyle(this.id)" onblur="loss(this.id)">成员<span>4</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus6" onfocus="setStyle(this.id)" onblur="loss(this.id)">设置<span>3</span></a></li>
        </ul>
      </nav>
    </div>
    <!--***************空间右侧主界面*******************-->
    <div class="right">
    <!--标题导航-->
	<div class="spaces-nav">
    	<span class="nav-title"><a href="#">学习空间</a></span>
        >
        <span>开发小组空间名称</span>
    </div>
    <!--空间标识-->
    <div class="space-title">
    	<img src="images/spacelogo.png" />
        <span class="nav-title2">开发小组空间名称</span>
        <span><a href="#">收藏&nbsp;0&nbsp;</a></span>
        <span><a href="#">点赞&nbsp;1&nbsp;</a></span>
        <span><a href="#" class="button1">退出空间</a></span>
    </div>
    <!--空间成员-->
    <div class="manage-member">
    	<div class="manage-title">管理团队</div>
        <div class="member">
        	<li class="member-item">
            	<a href="#">
            	<img src="images/member-logo.jpg" />
            	<p class="member-name">member1rrrrrrrrr</p>
                </a>
            </li>
    		<li class="member-item">
            	<a href="#">
            	<img src="images/member-logo.jpg" />
            	<p class="member-name">m</p>
                </a>
            </li>
            <li class="member-item">
            	<a href="#">
            	<img src="images/member-logo.jpg" />
            	<p class="member-name">member3</p>
                </a>
            </li>
            <li class="member-item">
            	<a href="#">
            	<img src="images/member-logo.jpg" />
            	<p class="member-name">member444</p>
                </a>
            </li>
        </div>
    </div>
    <div class="main-area">
        <!--资源话题区-->
        <div class="resouceArea">
        	<div class="manage-title">最新资源</div>
            <div class="area-item">
            	<li><a href="#">资源1<span class="time">2019-09-12</span></a></li>
                <li><a href="#">资源2<span class="time">2019-10-02</span></a></li>
                <li><a href="#">资源3<span class="time">2019-02-06</span></a></li>
                <li><a href="#">资源4<span class="time">2020-01-25</span></a></li>
            </div>
        </div>
        <!--活跃话题区-->
         <div class="topicArea">
         	<div class="manage-title">最新话题</div>
           	<div class="area-item">
            	<li><a href="#">话题1<span class="time">2019-09-12</span></a></li>
                <li><a href="#">话题2<span class="time">2019-10-02</span></a></li>
                <li><a href="#">话题3<span class="time">2019-02-06</span></a></li>
                <li><a href="#">话题4<span class="time">2020-01-25</span></a></li>
            </div>
        </div>
    </div>
    </div>
</body>
</html>
